<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<!--引入css文件-->
		<link rel="stylesheet" type="text/css" href="css/7.css"/>
		
	</head>
	<body>
		
		<div class="msg">
			<div class="w">
				
				<!--左边-->
				<div class="left">
					
					<!--5张图片：并列结构，无序列表-->
					<ul class="big-img">
						<li>
							<!-- img 代表插入图片， src 代表图片路径 -->
							<img src="img/1499641746113986337.jpg"  />
						</li>
						<li>
							<img src="img/1499685573.jpg"  />
						</li>
						<li>
							<img src="img/1499689952.jpg"  />
						</li>
						<li>
							<img src="img/1499690134.jpg"  />
						</li>
						<li>
							<img src="img/1499690136.jpg"  />
						</li>
					</ul>
					
					
					<!-- 5张图片的说明  -->
					<ul class="desc">
						<li class="active">阿卡丽的神秘商店</li>
						<li>死兆星的神秘能量</li>
						<li>幸运召唤师</li>
						<li>IG冲击13连胜</li>
						<li>卡莎攻略专题站</li>
					</ul>
				</div>
				
				<!--右边-->
				<div class="right">
					
					<!-- 下载英雄联盟-->
					<div class="xzyxlm">
					</div>
					
					<!-- 链接块 -->
					<ul class="block">
						<li>
							<!-- i 斜体-->
							<i></i>
							新手推荐
						</li>
						<li>
							<!-- i 斜体-->
							<i></i>
							新手推荐
						</li>
						<li>
							<!-- i 斜体-->
							<i></i>
							新手推荐
						</li>
					</ul>
					
				</div>
			</div>
		</div>
		
		
	</body>
</html>


<!-- 引入库文件 jQuery -->
<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>

<!-- 引入自己的js文件 -->
<script type="text/javascript" src="js/7.js" ></script>

